import { StyleSheet, Dimensions } from "react-native";
import { lightTheme } from "@/styles/light.style";

type ThemeColors = typeof lightTheme;
const screenWidth = Dimensions.get("window").width;

export const getStyles = (colors: ThemeColors) =>
  StyleSheet.create({
    container: {
      backgroundColor: colors.background,
      borderRadius: 12,
      padding: 20,
      marginVertical: 10,
    },
    topSection: {
      flexDirection: "row",
      alignItems: "center",
      paddingBottom: 20,
      borderBottomWidth: StyleSheet.hairlineWidth,
      borderBottomColor: colors.border.divider,
    },
    avatar: {
      width: 60,
      height: 60,
      borderRadius: 8,
      marginRight: 15,
    },
    identity: {
      flex: 1,
    },
    nickname: {
      fontSize: 20,
      fontWeight: "bold",
      color: colors.text.primary,
      marginBottom: 4,
    },
    idRow: {
      flexDirection: "row",
    },
    wechatId: {
      fontSize: 14,
      color: colors.text.secondary,
    },
    infoSection: {
      paddingTop: 15,
    },
    infoItem: {
      flexDirection: "row",
      justifyContent: "space-between",
      paddingVertical: 12,
    },
    infoLabel: {
      fontSize: 16,
      color: colors.text.secondary,
    },
    infoValue: {
      fontSize: 16,
      color: colors.text.primary,
      fontWeight: "500",
    },
    actionSection: {
      marginTop: 20,
    },
    primaryButton: {
      flexDirection: "row",
      alignItems: "center",
      justifyContent: "center",
      backgroundColor: colors.button.primary,
      paddingVertical: 12,
      borderRadius: 8,
    },
    primaryButtonText: {
      color: colors.button.primaryText,
      fontSize: 16,
      fontWeight: "bold",
      marginLeft: 8,
    },
    secondaryButton: {
      flexDirection: "row",
      alignItems: "center",
      justifyContent: "center",
      backgroundColor: colors.button.secondary,
      paddingVertical: 12,
      borderRadius: 8,
      marginTop: 12,
    },
    secondaryButtonText: {
      color: colors.button.secondaryText,
      fontSize: 16,
      fontWeight: "bold",
      marginLeft: 8,
    },
  });
